/* 根元素样式 设置页面背景、字体大小、字体颜色，字符间距、长单词换行 */
page {
	background-color: #f5f5f6;
	font-size: 28rpx;
	box-sizing: border-box;
	color: #333;
	letter-spacing: 0;
	word-wrap: break-word;
}

/* 设置常用元素尺寸规则 */
view,
textarea,
input,
label,
form,
button,
image {
	box-sizing: border-box;
}
/* 按钮样式处理 */
button {
	font-size: 28rpx;
}
/* 取消按钮默认的边框线效果 */
button:after {
	border: none;
}
/* 设置图片默认样式，取消默认尺寸 */
image {
	display: block;
	height: auto;
	width: auto;
}
/* 输入框默认字体大小 */
textarea,
input {
	font-size: 28rpx;
}
/* 弹性盒 */
.flex {
	display: flex;
	align-items: center;
}
.flex_only {
	display: flex;
}
.flex_col {
	flex-direction: column;
}

.flex_sb {
	justify-content: space-between;
}
.flex_sa {
	justify-content: space-around;
}
.flex_cen {
	justify-content: center;
}
.flex_end {
	justify-content: flex-end;
}
.flex_1 {
	flex: 1;
}
.flex_wrap {
	flex-wrap: wrap;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
/* 字体 */
.font_9_333 {
	font-size: 18rpx;
	line-height: 1;
	color: #333333;
}
.font_10_333 {
	font-size: 20rpx;
	line-height: 1;
	color: #333;
}
.font_10_666 {
	font-size: 20rpx;
	line-height: 1;
	color: #666;
}
.font_10_999 {
	font-size: 20rpx;
	line-height: 1;
	color: #999;
}
.font_11_999 {
	font-size: 22rpx;
	line-height: 1;
	color: #999999;
}

.font_12_666 {
	font-size: 24rpx;
	line-height: 1;
	color: #666666;
}

.font_12_FE1212 {
	font-size: 24rpx;
	line-height: 1;
	color: #fe1212;
}
.font_12_7D {
	font-size: 24rpx;
	line-height: 1;
	color: #7d7d7d;
}
.font_12_999 {
	font-size: 24rpx;
	line-height: 1;
	color: #999999;
}
.font_12_333 {
	font-size: 24rpx;
	line-height: 1;
	color: #333333;
}
.font_12_fff {
	font-size: 24rpx;
	line-height: 1;
	color: #ffffff;
}
.font_13_333 {
	font-size: 26rpx;
	line-height: 1;
	color: #333333;
}
.font_13_999 {
	font-size: 26rpx;
	color: #999999;
}
.font_13_fff {
	font-size: 26rpx;
	color: #fff;
}
.font_14_999 {
	font-size: 28rpx;
	line-height: 1;
	color: #999999;
}
.font_14_FE1212 {
	font-size: 28rpx;
	line-height: 1;
	color: #fe1212;
}
.font_14_666 {
	font-size: 28rpx;
	line-height: 1;
	color: #666666;
}
.font_14_333 {
	font-size: 28rpx;
	line-height: 1;
	color: #333333;
}
.font_14_000 {
	font-size: 28rpx;
	line-height: 1;
	color: #000000;
}
.font_14_FFF {
	font-size: 28rpx;
	line-height: 1;
	color: #fff;
}
.font_15_333 {
	font-size: 30rpx;
	line-height: 1;
	color: #333333;
}
.font_15_666 {
	font-size: 30rpx;
	line-height: 1;
	color: #666666;
}
.font_15_65131F {
	font-size: 30rpx;
	line-height: 1;
	color: #65131f;
}
.font_15_999 {
	font-size: 30rpx;
	line-height: 1;
	color: #999999;
}
.font_16_333 {
	font-size: 32rpx;
	line-height: 1;
	color: #333333;
}
.font_16_666 {
	font-size: 32rpx;
	line-height: 1;
	color: #666666;
}
.font_16_999 {
	font-size: 32rpx;
	line-height: 1;
	color: #999999;
}
.font_16_FFF {
	font-size: 32rpx;
	line-height: 1;
	color: #fff;
}

.font_16_FE1212 {
	font-size: 32rpx;
	line-height: 1;
	color: #fe1212;
}
.font_17_333 {
	font-size: 34rpx;
	line-height: 1;
	color: #333333;
}
.font_18_333 {
	font-size: 36rpx;
	line-height: 1;
	color: #333333;
}
.font_18_666 {
	font-size: 36rpx;
	line-height: 1;
	color: #666666;
}
.font_18_FFF {
	font-size: 36rpx;
	line-height: 1;
	color: #fff;
}
.font_20_666 {
	font-size: 40rpx;
	line-height: 1;
	color: #666666;
}
.font_20_333 {
	font-size: 40rpx;
	line-height: 1;
	color: #333;
}
.font_20_FFF {
	font-size: 40rpx;
	line-height: 1;
	color: #fff;
}
.font_20_C2C2C2 {
	font-size: 40rpx;
	line-height: 1;
	color: #c2c2c2;
}
.font_14_176DFF {
	font-size: 28rpx;
	line-height: 1;
	color: #176dff;
}
.font_24_333 {
	font-size: 48rpx;
	line-height: 1;
	color: #333333;
}
.font_weight {
	font-weight: bold;
}
.font_weight_normal {
	font-weight: normal;
}

/* 斜形底边框 */
.nav_border_bottom {
	width: 54rpx;
	height: 6rpx;
	background-color: $uni-color-primary;
	transform: skewX(-30deg);
}
/* 底边框 */
.border_bottom_eee {
	border-bottom: 2rpx solid #eeeeee;
}
.border_bottom_F6F6F6 {
	border-bottom: 1px #f6f6f6 solid;
}
.border_bottom_000 {
	border-bottom: 2rpx solid rgba($color: #000000, $alpha: 0.1);
}
.border_top_000 {
	border-top: 2rpx solid rgba($color: #000000, $alpha: 0.1);
}
.border_top_ccc {
	border-top: 2rpx solid #cccccc;
}
.img_size {
	width: 100%;
	height: 100%;
}
/* 单行和2行省略 */
.line_1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line_2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line_3 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* 重置样式 */
button {
	margin: 0;
	&:after {
		border: none;
	}
}
input {
	min-height: inherit;
	/deep/.uni-input-placeholder {
		color: #c2c2c2;
	}
}

.word_break {
	word-break: break-all;
}

.titlediv-title {
	// width: 750rpx;
	height: 40rpx;

	.titlediv-image {
		position: absolute;
		left: 24rpx;
		width: 28rpx;
		height: 28rpx;
		background: #fed000;
		border-radius: 50%;
		z-index: 1;
	}

	.title-text {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		position: absolute;
		left: 24rpx;
		z-index: 2;
	}
}

.name_baocun {
	width: 200rpx;
	height: 50rpx;
	background: #fed000;
	border-radius: 25rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
	line-height: 50rpx;
	text-align: center;
}

/deep/.ql-size-huge {
	font-size: 2.5em;
}

/deep/.ql-align-center {
	text-align: center;
}

/deep/.ql-syntax {
	background-color: #23241f;
	color: #f8f8f2;
	overflow: visible;
}


